<template>
  <div style="width:80%;margin-left:10%">
    root
    <Menu mode="horizontal"
          :theme="theme1"
          active-name="1">
      <MenuItem name="1">
      <div @click="toAcademy">学院管理</div>
      </MenuItem>
      <MenuItem name="2">
      <div @click="toAd">广告添加</div>
      </MenuItem>
      <MenuItem name="3">
      <div @click="toAdlist">广告列表</div>
      </MenuItem>
    </Menu>
    <router-view />
  </div>
</template>


<script>
export default {
  data() {
    return {};
  },
  methods: {
    toAcademy() {
      console.log("/root/academyManage");
      this.$router.push("/root/academyManage");
    },
    toAd() {
      console.log("/root/ad");
      this.$router.push("/root/ad");
    },
    toAdlist() {
      console.log("/root/adlist");
      this.$router.push("/root/adlist");
    }
  },
  mounted() {}
};
</script>


<style scoped>
.modal_font {
  font-size: 30px;
}
</style>